Review: Add typography to project mockups 複習：給 Mockup 新增字型樣式

例項分析：Zia’s Pizza App

在 Figma 中的三個畫面展示了：

1. 低保真線框圖（Lo-fi Wireframe）

2. 高保真 mockup

3. 字型選擇說明

Typography 的三大設計價值

Typographic Hierarchy 字型層級

• 區分內容結構，引導使用者注意力。

• 示例中使用字型大小和粗細區分“Today’s Top Pizza”和“Pizzas You Might Like”。

Legibility 和 Readability 易讀性和可讀性

• L單個字母之間的清晰度。

• 整段文字的可讀性。

• 設計中選用清晰的 sans serif 字型（Oswald 和 Roboto）保障這兩點。

Brand Guidelines 品牌指南

• 字型必須符合品牌調性和視覺風格。

• 字型使用應當與品牌的“身份、使命、價值觀”保持一致。